<!DOCTYPE>
<html>
  <head>
    <meta charset="utf-8">
    <title>IFE JavaScript Task 01</title>
    <script defer src="queue.js"></script>
    <script defer src="task.js"></script>
    <style>
      div{
        border:solid 1px #333333;
        padding:30px 0px;
        flex-grow:1;
        display: flex;
        margin: 0 10px;
        background: #fff;
      }
      .container{
        /* width: 800px; */
        margin: 0 auto;
      }
      button{
        flex-grow:1;
        margin: 20px;
        padding:10px 0 ;
      }
      .btnC{
        border:none;
        margin-top: 0;
        width:800px;
      }
      #search{
        width:800px;
        height:50px;
      }
      .active{
        background:chocolate;
      }
    </style>
  </head>
<body>
 
 <div  class="container">0<div>我的
      <div>1.2
        <div>1.2.1</div>
        <div>1.2.2</div>
        <div>1.2.3</div>
      </div>
   </div>

   <div >2
      <div>2.1
        <div>2.1.1</div>
        <div>2.1.2</div> 

      </div> 
      <div>你的
        <div>2.2.1
          <div>2.2.1.1
            
          </div>
          <div>2.3</div>
        </div>
       
      </div>
   </div>
  <div>你的</div>
 </div>
<br/>
<p style="width:800px;margin:0 auto;"><input type="text" id="search" placeholder="请输入关键字"></p>
<div class="container btnC">
  <button>添加</button>
  <button>删除</button>
  <button>深度查找</button>
  <button>广度查找</button>
</div>
</body>
</html>